<!DOCTYPE html>
<html lang="zh-hans">
<head>
    <meta charset="utf-8" />
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <title>小米帐号 - 登录</title>
    <meta name="description" content="小米帐号能使用小米手机，MIUI，小米云，多看阅读，米聊，小米社区等小米服务。">
    <meta name="keywords" content="小米帐号，小米账号，小米注册，注册，Mi Account，Sign in，小米，帐号，账号，小米帐户，登录，登陆，安全令牌，动态口令，小米注册，找回密码">

    <!-- 引入外部样式表 -->
    <link rel="stylesheet" type="text/css" media="screen" href="css/style.css" />
</head>
<body>
    <div class="header">
        <div class="content">
            <div class="logo">
                <a href="https://www.mi.com/index.html" target="_blank">小米网</a>
            </div>
        </div>
    </div>
    <!-- /.header -->

    <div class="main">
        <div class="banner">
            <a href="https://www.mi.com/index.html" target="_blank">小米网</a>
        </div>
        <!-- /.banner -->

        <div class="content wrapper">
            <div class="layout">
                <div class="login_box">
                    <div class="nav_tabs">
                        <a class="navtab-link now" href="javascript:void(0);" data-tab="pwd">帐号登录</a>
                        <span class="line"></span>
                        <a class="navtab-link" href="javascript:void(0);" data-tab="qr">扫码登录</a>
                    </div>
                    <!-- /.nav_tabs -->

                    <div class="tabs_content now" data-con="pwd">
                        <div class="login_area">
                            <form action="#" method="POST" id="login-main-form">
                                <div class="form-group">
                                    <label class="labelbox">
                                        <input class="item_account" autocomplete="off" type="text" name="user" id="username" placeholder="手机号" check-type="mobile" required>
                                    </label>
                                </div>
                                <div class="form-group">
                                    <label class="labelbox">
                                        <input class="item_account" type="password" placeholder="密码" autocomplete="off" id="pwd" name="password" required>
                                    </label>
                                </div>
                                <div class="btns_bg">
                                    <input class="login-button" type="button" value="登录">
                                </div>
                                <ul class="other-list">
                                    <li>
                                        <a href="javascript:;" class="outer-link btn_adpt">手机短信登录/注册</a>
                                    </li>
                                    <li>
                                        <div class="n_links_area">
                                            <a class="outer-link" href="#">立即注册</a>
                                            <span>|</span>
                                            <a class="outer-link" href="#">忘记密码？</a>
                                        </div>
                                    </li>
                                </ul>
                                <!-- 其他方式登录 -->
                                <div class="other_login_type">
                                    <fieldset class="oth_type_tit">
                                        <legend align="center" class="oth_type_txt">其他方式登录</legend>
                                    </fieldset>
                                    <div class="oth_type_links">
                                        <a class="icon_type btn_qq" href="#" title="QQ登录" target="_blank">
                                            <i class="icons icon_qq"></i>
                                        </a>
                                        <a class="icon_type btn_weibo" href="#" title="微博登录" target="_blank">
                                            <i class="icons icon_weibo"></i>
                                        </a>
                                        <a class="icon_type btn_alipay" href="#" title="支付宝登录" target="_blank">
                                            <i class="icons icon_alipay"></i>
                                        </a>
                                        <a class="icon_type btn_weixin" href="#" title="微信登录" target="_blank">
                                            <i class="icons icon_weixin"></i>
                                        </a>
                                    </div>
                                </div>
                            </form>
                        </div>
                    </div>
                    <!-- /. tabs_content -->

                    <div class="tabs_content" data-con="qr">
                        <div class="tab_qrcon">
                            <div class="tow_qrcon">
                                
                            </div>
                            <div class="custom_sub_txt">
                                <p>使用<span>小米商城APP</span>扫一扫</p>
                                <p>小米手机可打开「设置」&gt;「小米帐号」扫码登录</p>
                            </div>
                        </div>
                    </div>
                    <!-- /.tabs_content -->
                </div>
                <!-- /.logo_box -->
            </div>
        </div>
        <!-- /.wrapper -->

    </div>
    <!-- /.main -->

    <div class="footer">
        <div class="content">
            <ul class="lang-select-list">
                <li>
                    <a href="#" class="current">简体</a>|
                </li>
                <li>
                    <a href="#">繁体</a>|
                </li>
                <li>
                    <a href="#">English</a>|
                </li>
                <li>
                    <a href="#" target="_blank">常见问题</a>|
                </li>
                <li>
                    <a href="#" target="_blank">隐私政策</a>
                </li>
            </ul>
            <p class="nf-intro">小米公司版权所有-京ICP备10046444-<a class="beian-record-link" target="_blank" href="#"><span><img src="img/ghs.png"></span>京公网安备11010802020134号</a>-京ICP证110507号</p>
        </div>
    </div>
    <!-- /.footer -->

    <!-- JavaScript 文件 -->
    <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script>
    <script src="js/main.js"></script>
</body>
</html>